<template>
  <div class="chat">
    <div class="userList">
      <userList />
    </div>
    <div class="userChat">
      <userChat />
    </div>
  </div>
</template>

<script>
import userChat from './components/userChat.vue'
import userList from './components/userList.vue'
export default {
  components: {
    userChat, userList
  },
  data() {
    return {

    }
  }
}
</script>

<style lang="scss" scoped>
.chat{
  display: flex;
  height: 90vh;
  width: 100%;

  .userList{
    background-color: #f2f4f5;
    height: 100vh;
    width: 30%;
  }
  .userChat{
    // background-color: #f2f4f5;
    background: #fff;
    height: 100vh;
    width: 70%;
  }
}
</style>
